<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	
<ui:define name="title">
		<h3><h:outputLabel	value="#{i18n['erp.matricula.estudiante.pagina.titulo']}" /></h3>
	</ui:define>	

	
<ui:define name="content">
		<h:form id="formEstudiante">
		
			<p:growl id="pnlMessages" autoUpdate="true" closable="true"/>
			
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton id="btnRefrescar" value="Refrescar" icon="ui-icon-arrowrefresh-1-w" >
					</p:commandButton>
					<p:commandButton id="btnNuevoEstudiante" value="Insertar" icon="ui-icon ui-icon-circle-plus" 
					actionListener="#{estudianteController.clearFormulario}"
					update=":formNuevoEstudiante:pnlNuevoEstudiante"
					oncomplete="dlgNuevoEstudiante.show()">
					<f:setPropertyActionListener target="#{estudianteController.optionType}" value="INS" />
						</p:commandButton>
						<p:commandButton id="btnExcel" value="#{i18n['label.exportar.excel']}" ajax="false"
						icon="exportExcel" disabled="#{empty estudianteDataManager.listaEstudianteListDTOs}">
						<p:dataExporter type="xls" target="tablaEstudiante" fileName="listEstudiante" postProcessor="#{estudianteController.postProcessXLS}"/>
					</p:commandButton>
				</p:toolbarGroup>
			</p:toolbar>
			<p:panel id="pnlBuscarEstudiante" header="#{i18n['erp.matricula.estudiante.buscar']}" style="width: 630px;" toggleable="true">
				<table class="formulario"  style="width: 100%; height: 50px;" cellspacing="10px">
					<tr >
						<td class="label"><h:outputLabel value="Cédula" /> </td>
						<td class="value">
							<p:inputText id="txtCiBuscar" style="width:100px;" maxlength="10"
							    onkeypress="return isNumberKey(event);"
								value="#{estudianteDataManager.estudianteBuscar.perCi}" />
						</td>
						<td class="label">
						<p:commandButton id="btnBuscar"
				   icon="ui-icon-search"
                     title="Buscar"
					actionListener="#{estudianteController.buscarEstudiantes}"
					value="#{i18n['label.buscar']}" 
					process="@this,pnlBuscarEstudiante"
					update=":formEstudiante:pnlMessages,tablaEstudiante,pnlBuscarEstudiante" />
						</td>
					
					</tr>
					
					<tr>
						<td class="label"><h:outputLabel value="#{i18n['erp.matricula.estudiante.nombres']}" /> </td>
						<td class="value" colspan="3">
							<p:inputText id="txtNombreBuscar"  style="width: 460px;"
								value="#{estudianteDataManager.estudianteBuscar.perNombres}" />
						</td>
					
					</tr>
					
					<tr >
						<td class="label"><h:outputLabel value="#{i18n['erp.matricula.estudiante.apellidos']}" /> </td>
						<td class="value" colspan="3">
							<p:inputText id="txtApellidosBuscar"  style="width: 460px;"
								value="#{estudianteDataManager.estudianteBuscar.perApellidos}" />
						</td>
					
					</tr>
				</table>
			</p:panel>
			<br></br>

			<p:dataTable id="tablaEstudiante"
				value="#{estudianteDataManager.listaEstudianteListDTOs}" var="estudiante"
				rowIndexVar="rowIndex"
				paginator="true" rows="5" paginatorPosition="bottom"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,15" emptyMessage="#{i18n['erp.mensaje.busqueda.vacia']}">
				<f:facet name="header">
					#{i18n['erp.matricula.estudiante.lista']}
				</f:facet>
				<p:column styleClass="centered" width="5%">
					<f:facet name="header">
						<h:outputText value="#" />
					</f:facet>
					<h:outputText value="#{rowIndex+1}"/>
				</p:column>
				<p:column headerText="#{i18n['erp.matricula.estudiante.cedula']}" width="10%">
					<h:outputText value="#{estudiante.perCi}" />
				</p:column>
				<p:column headerText="#{i18n['erp.matricula.estudiante.nombres']}" width="25%">
						<h:outputText value="#{estudiante.perNombres}" />
				</p:column>
				<p:column headerText="#{i18n['erp.matricula.estudiante.apellidos']}" width="25%">
					<h:outputText value="#{estudiante.perApellidos}" />
				</p:column>
				<p:column headerText="#{i18n['erp.matricula.estudiante.fechanac']}" width="10%">
					<h:outputText value="#{estudiante.perFechaNac}" />
				</p:column>		
				
				<p:column headerText="#{i18n['erp.matricula.estudiante.direccion']}" width="70%">
					<h:outputText value="#{estudiante.perCallePrincipal}, #{estudiante.perCalleSecundaria}, #{estudiante.perNumeroVivienda}" />
				</p:column>
				<p:column headerText="Estado" width="70%">
					<h:outputText value="#{estudiante.estEstado}" />
				</p:column>
				
				<p:column headerText="#{i18n['label.opciones']}" styleClass="centered" width="10%" exportable="false">
					<h:panelGroup>
						<p:commandLink styleClass="no-decor"
								title="#{i18n['label.editar']}"
								oncomplete="dlgEditarEstudiante.show()"
								actionListener="#{estudianteController.cargarDatosEstudiante(estudiante)}"
								process="@this" update=":formEditarEstudiante:pnlEditarEstudiante">
								<f:setPropertyActionListener target="#{estudianteController.optionType}" value="UPD" />
								<h:graphicImage value="/resources/img/edit.png" alt="#{i18n['label.editar']}"/>
						</p:commandLink>
						
						<p:commandLink styleClass="no-decor"
							title="Eliminar Estudiante" oncomplete="dlgEliminar.show()">
							<f:setPropertyActionListener target="#{estudianteController.codEstudiante}" value="#{estudiante.estCodigo}" />
							<h:graphicImage value="/resources/img/delete.gif" alt="Eliminar"/>
						</p:commandLink>
						
						
						
					</h:panelGroup>
				</p:column>
			</p:dataTable>	
			
			<!-- Delete Estudiante -->
			<p:confirmDialog id="dlgEliminar" width="400" widgetVar="dlgEliminar"
				message="Desea eliminar el estudiante seleccionado?"
				header="Eliminar Estudiante" appendTo="@(body)">
				<p:commandButton value="#{i18n['label.aceptar']}"
					actionListener="#{estudianteController.eliminarEstudiante()}"
					oncomplete="dlgEliminar.hide()"
					update=":formEstudiante:pnlMessages,tablaEstudiante" process="@this"
					styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
				<p:commandButton value="#{i18n['label.cancelar']}" type="button" 
					onclick="dlgEliminar.hide()" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
			</p:confirmDialog>		
			
		</h:form>			
			<ui:include src="dialogNuevoEstudiante.xhtml" />
			<ui:include src="dialogEditarEstudiante.xhtml" />		
				
	</ui:define>		
			
</ui:composition>